<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button class="btn1">点我存储</button>
    <script>
      // cookie:浏览器存储数据的小文件
      // js操作cookie

      let btn = document.querySelector(".btn1");

      // 设置过期时间1，设置expires参数
      //  btn.onclick=function(){
      //
      //     // 当前时间+过时时间
      //     let t=new Date()
      //     t.setSeconds(new Date().getSeconds() + 20) ;
      //     // 转化成时间的字符串格式
      //     document.cookie = `myname=zs;expires=${t.toUTCString()}`;
      //  }

      // 设置过期时间2
      btn.onclick = function () {
        // 这里的3600表示3600秒
        document.cookie = `age=22;Max-Age=3600`;
      };
    </script>
  </body>
</html>
